<template>
		<div class="resale-components-container">
			<ul class="purchase-order-list">
			    <li>
					<p class="order-code">订单编号：{{itemData.outTradeNo}}</p>
					<div class="order-content">
						<div class="order-img">
							<img :src="itemData.smallPic" alt="">
						</div>
						<div class="order-text">
							<p class="pro-name">{{itemData.productName}}({{itemData.farmName}}）</p>
							<p class="pro-address"><span>养殖地：{{itemData.originProvince}}</span><span>牧场：{{itemData.farmName}}</span></p>
							<p class="pro-weight"><span>重量：{{itemData.productWeight}}{{itemData.productWeightUnit}}</span><span>单价：{{itemData.salesPrice}}{{itemData.salesPriceUnit}}</span></p>
							<p class="pro-price"><span class="pro-c"><i>{{itemData.totalPrice}}</i>{{itemData.totalPriceUnit}}</span></p>
							<p class="pro-dete"><span>剩余交货期：<i>{{itemData.deliveryMonth}}个月</i></span></p>
						</div>
					</div>
					
			    </li>
			</ul>
			
			<ul class="calculation-box">
				<li>
					<div class="list-box">
						<span class="left">购买数量</span>
						<span class="right">{{itemData.quantity}}头</span>
					</div>
				</li>
				<li>
					<div class="list-box">
						<span class="left">总重量</span>
						<span class="right">{{itemData.productTotalWeight}}kg</span>
					</div>
				</li>
				<li>
					<div class="list-box">
						<span class="left">总金额</span>
						<span class="right price">{{itemData.orderMoney}}元</span>
					</div>
				</li>
				<li>
					<div class="list-box price-box">
						<span class="left">实付金额</span>
						<span class="totalprice">合计：<i>{{itemData.payMoney}}元</i></span>
					</div>
				</li>
			</ul>
			
	</div>
</template>

<script>
	
	export default {
		props: {
			itemData: Object
		}
	}
	
	
</script>

<style lang="scss" scoped>
@import './resaleheadScss.scss'
</style>

